﻿<%@ Page Title="" Language="C#" MasterPageFile="~/admincp/MasterPageEmpty.master"
    AutoEventWireup="true" CodeFile="phanlophs.aspx.cs" Inherits="admincp_phanlophs" %>

<%@ Register Assembly="DevExpress.Web.ASPxEditors.v12.1, Version=12.1.4.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dx" %>
<%@ Register Src="wucNavTop.ascx" TagName="wucNavTop" TagPrefix="uc1" %>
<%@ Register Src="wucSideBar.ascx" TagName="wucSideBar" TagPrefix="uc2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cphHead" runat="Server">
    <script type="text/javascript">
        function ReDirectURL() {
            window.location = "phanlophs.aspx";
        }
    </script>
    <script type="text/javascript">
        function tvplClick() {
            window.location = "phanlophs.aspx?tab=1";
        };

        function pltdmClick() {
            window.location = "phanlophs.aspx?tab=2";
        };

        function ntfileClick() {
            window.location = "phanlophs.aspx?tab=3";
        };

        $(document).ready(function () {
            $('#tab_sider').tabs();
            $('#tab_sider').tabs('selected', '#tabs-b');
        });
    </script>
    <script type="text/javascript">
    // <![CDATA[
        function AddSelectedItems() {
            MoveSelectedItems(lstHocSinhChuaPhanLop, lstHocSinhChonPhanLop);
            UpdateButtonState();
        }
        function AddAllItems() {
            MoveAllItems(lstHocSinhChuaPhanLop, lstHocSinhChonPhanLop);
            UpdateButtonState();
        }
        function RemoveSelectedItems() {
            MoveSelectedItems(lstHocSinhChonPhanLop, lstHocSinhChuaPhanLop);
            UpdateButtonState();
        }
        function RemoveAllItems() {
            MoveAllItems(lstHocSinhChonPhanLop, lstHocSinhChuaPhanLop);
            UpdateButtonState();
        }
        function MoveSelectedItems(srcListBox, dstListBox) {
            srcListBox.BeginUpdate();
            dstListBox.BeginUpdate();
            var items = srcListBox.GetSelectedItems();
            for (var i = items.length - 1; i >= 0; i = i - 1) {
                dstListBox.AddItem(items[i].text, items[i].value);
                srcListBox.RemoveItem(items[i].index);
            }
            srcListBox.EndUpdate();
            dstListBox.EndUpdate();
        }
        function MoveAllItems(srcListBox, dstListBox) {
            srcListBox.BeginUpdate();
            var count = srcListBox.GetItemCount();
            for (var i = 0; i < count; i++) {
                var item = srcListBox.GetItem(i);
                dstListBox.AddItem(item.text, item.value);
            }
            srcListBox.EndUpdate();
            srcListBox.ClearItems();
        }
        function UpdateButtonState() {
            btnMoveAllItemsToRight.SetEnabled(lstHocSinhChuaPhanLop.GetItemCount() > 0);
            btnMoveAllItemsToLeft.SetEnabled(lstHocSinhChonPhanLop.GetItemCount() > 0);
            btnMoveSelectedItemsToRight.SetEnabled(lstHocSinhChuaPhanLop.GetSelectedItems().length > 0);
            btnMoveSelectedItemsToLeft.SetEnabled(lstHocSinhChonPhanLop.GetSelectedItems().length > 0);
        }
    // ]]>
    </script>
    <style type="text/css">
        .modalBackground
        {
            background-color: Gray;
            filter: alpha(opacity=70);
            opacity: 0.7;
        }
        
        .modalPopup
        {
            margin: 0;
            background-color: #ffffff;
            border-width: 1px;
            border-style: solid;
            border-color: Gray;
            padding: 0;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cphTopBar" runat="Server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="cphSideBar" runat="Server">
    <uc2:wucSideBar ID="wucSideBar1" runat="server" />
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="cphNavTop" runat="Server">
    <uc1:wucNavTop ID="wucNavTop1" runat="server" />
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="cphContent" runat="Server">
    <div>
        <asp:ScriptManager ID="Scriptmanager1" runat="server" />
        <asp:Panel ID="pnlOverlay" Style="display: none;" runat="server" CssClass="modalPopup">
            <asp:ImageButton ID="btnClosePopup" runat="server" OnClientClick="ReDirectURL();"
                ImageUrl="images/icon_success.png" />
        </asp:Panel>
        <ajaxToolkit:ModalPopupExtender runat="server" ID="mpe" PopupControlID="pnlOverlay"
            BackgroundCssClass="modalBackground" TargetControlID="pnlOverlay">
        </ajaxToolkit:ModalPopupExtender>
    </div>
    <div class="flat_area grid_16">
        <h2>
            Phân lớp cho học sinh</h2>
        <p>
            Đây là chức năng dùng để phân lớp học cho học sinh. Trong chức năng này ta có ba
            lựa chọn cho việc phân lớp học:
            <br />
            <strong>1. Phân lớp từ danh mục học sinh</strong>: lựa chọn này được dùng khi bạn
            phân lớp học cho học sinh có sẵn danh sách học sinh và các học sinh này chưa được
            phân lớp học.
            <br />
            <strong>2. Thêm mới học sinh và phân lớp</strong>: lựa chọn này được dùng khi bạn
            nhập mới cho từng học sinh và phân lớp cho học sinh đó.
            <br />
            <strong>3. Nhập liệu từ file Excel</strong>: lựa chọn này được dùng khi bạn muốn
            phân lớp học cho các học sinh trong tập tin Excel theo mẫu: <a href="stores/exceltemplate/maunhapdiem.xlsx">nhấp lấy mẫu</a>.
        </p>
    </div>
    <div id="tabs" class="box grid_16 tabs">
        <div class="side_holder">
            <ul id="tab_sider" class="tab_sider clearfix">
                <li><a href="#tabs-b">1. Phân lớp từ danh mục học sinh</a></li>
                <li><a href="#tabs-a">2. Thêm mới học sinh và phân lớp</a></li>
                <%--<li><a href="#tabs-b">2. Phân lớp từ danh mục học sinh</a></li>--%>
                <li><a href="#tabs-c">3. Nhập liệu từ file Excel</a></li>
            </ul>
        </div>
        <div id="tabs-a" class="block no_padding tab_sider">
            <div class="box round_all">
                <h2 class="box_head grad_colour">
                    Chi tiết nhập liệu:</h2>
                <a href="#" class="grabber">&nbsp;</a> <a href="#" class="toggle">&nbsp;</a>
                <div class="toggle_container">
                    <div class="block">
                        <hr />
                        <h2>
                            Thông tin học sinh</h2>
                        <hr />
                        <label>
                            Tên học sinh</label>
                        <asp:TextBox ID="txtTenHocSinh" title="Nhập tên học sinh" runat="server" CssClass="medium required"
                            autofocus Font-Bold="True"></asp:TextBox>
                        <label>
                            Mã số phù hiệu</label>
                        <asp:TextBox ID="txtSoPhuHieu" title="Nhập số phù hiệu học sinh" runat="server" CssClass="small required"
                            Font-Bold="True"></asp:TextBox>
                        <label>
                            Số thứ tự</label>
                        <asp:TextBox ID="txtSoThuTu" title="Nhập số thứ tự" runat="server" CssClass="small required"
                            Font-Bold="True"></asp:TextBox>
                        <label>
                            Giới tính</label>
                        <div class="input_group">
                            <asp:RadioButton ID="radNam" runat="server" GroupName="GioiTinh" Checked="True" />Nam
                            <asp:RadioButton ID="radNu" runat="server" GroupName="GioiTinh" />Nữ
                        </div>
                        <label>
                            Ngày sinh</label>
                        <asp:TextBox ID="txtNgaySinh" CssClass="datepicker" title="Nhập ngày, tháng, năm sinh theo định dạng ví dụ: 31/12/1900"
                            runat="server"></asp:TextBox>
                        <label>
                            Địa chỉ</label>
                        <asp:TextBox ID="txtDiaChi" title="Nhập địa chỉ" runat="server" TextMode="MultiLine"></asp:TextBox>
                        <label>
                            Điện thoại</label>
                        <asp:TextBox ID="txtDienThoai" title="Nhập số điện thoại liên lạc" CssClass="medium"
                            runat="server"></asp:TextBox>
                        <label>
                            Thư điện tử</label>
                        <asp:TextBox ID="txtEmail" title="Nhập thư điện tử liên lạc" CssClass="medium" runat="server"></asp:TextBox>
                        <label>
                            Ngày nhập học</label>
                        <asp:TextBox ID="txtNgayNhapHoc" CssClass="datepicker" title="Nhập ngày, tháng, năm nhập học theo định dạng ví dụ: 31/12/1900"
                            runat="server"></asp:TextBox>
                        <label>
                            Trạng thái</label>
                        <div class="input_group">
                            <asp:RadioButton ID="radSuDung" runat="server" GroupName="TrangThai" Checked="True" />Sử
                            dụng
                            <asp:RadioButton ID="radKhongSuDung" runat="server" GroupName="TrangThai" />Không
                            sử dụng
                        </div>
                        <hr />
                        <h2>
                            Thông tin lớp được phân</h2>
                        <hr />
                        <label>
                            Lớp học</label>
                        <div class="input_group">
                            <asp:DropDownList ID="ddlLopHoc1" title="Chọn lớp" runat="server">
                            </asp:DropDownList>
                        </div>
                        <button id="btnLuu1" runat="server" onserverclick="Luu_PhanLopHocSinh1" class="button_colour round_all">
                            <img height="24" width="24" alt="Lưu lại" src="images/icon_apply.png"><span>Lưu lại</span></button>
                        <script type="text/javascript">
                            var TenMonHoc = new LiveValidation('cphContent_txtTenHocSinh');
                            TenMonHoc.add(Validate.Presence);

                            var ThuDienTu = new LiveValidation('cphContent_txtEmail');
                            ThuDienTu.add(Validate.Email);

                            var SoThuTu = new LiveValidation('cphContent_txtSoThuTu');
                            SoThuTu.add(Validate.Numericality, { onlyInteger: true });
                        </script>
                    </div>
                </div>
            </div>
        </div>
        <div id="tabs-b" class="block tab_sider">
            <div class="box grid_6">
                <h2 class="box_head grad_colour round_top">
                    Danh sách học sinh &darr;</h2>
                <a href="#" class="grabber">&nbsp;</a> <a href="#" class="toggle">&nbsp;</a>
                <div class="toggle_container">
                    <div class="block">
                        <dx:ASPxListBox ID="lstHocSinhChuaPhanLop" runat="server"
                            SelectionMode="CheckColumn" Width="100%" ClientInstanceName="lstHocSinhChuaPhanLop"
                            Height="300px">
                            <ClientSideEvents SelectedIndexChanged="function(s, e) {
	UpdateButtonState();
}" />
                        </dx:ASPxListBox>
                        
                    </div>
                </div>
            </div>
            <div class="box grid_4">
                <h2 class="box_head grad_colour round_top">
                    Chọn &darr;</h2>
                <a href="#" class="grabber">&nbsp;</a> <a href="#" class="toggle">&nbsp;</a>
                <div class="toggle_container">
                    <div class="block">
                        <asp:Panel ID="Panel1" runat="server" Height="315px">
                            <button id="btnLoadDataToListBox" runat="server" onserverclick="btnLoadDataToListBox_Click"
                            class="button_colour round_all">
                            <img height="24" width="24" alt="Tải danh sách học sinh" src="images/icon_refresh.png"><span>Tải danh sách</span></button>
                            <br />
                            <br />
                            <dx:ASPxButton ID="btnMoveSelectedItemsToRight" runat="server" Text="Chọn &gt;" AutoPostBack="False"
                                ClientInstanceName="btnMoveSelectedItemsToRight" Width="130px">
                                <ClientSideEvents Click="function(s, e) {
	AddSelectedItems();
}" />
                            </dx:ASPxButton>
                            <dx:ASPxButton ID="btnMoveAllItemsToRight" runat="server" Text="Chọn tất cả &gt;&gt;"
                                AutoPostBack="False" ClientInstanceName="btnMoveAllItemsToRight" Width="130px">
                                <ClientSideEvents Click="function(s, e) {
	AddAllItems();
}" />
                            </dx:ASPxButton>
                            <br />
                            <br />
                            <dx:ASPxButton ID="btnMoveSelectedItemsToLeft" runat="server" AutoPostBack="False"
                                ClientInstanceName="btnMoveSelectedItemsToLeft" Text="&lt; Bỏ chọn" Width="130px">
                                <ClientSideEvents Click="function(s, e) {
	RemoveSelectedItems();
}" />
                            </dx:ASPxButton>
                            <dx:ASPxButton ID="btnMoveAllItemsToLeft" runat="server" AutoPostBack="False" ClientInstanceName="btnMoveAllItemsToLeft"
                                Text="&lt;&lt; Bỏ chọn tất cả" Width="130px">
                                <ClientSideEvents Click="function(s, e) {
	RemoveAllItems();
}" />
                            </dx:ASPxButton>
                        </asp:Panel>
                    </div>
                </div>
            </div>
            <div class="box grid_6">
                <h2 class="box_head grad_colour round_top">
                    Học sinh đã chọn &darr;</h2>
                <a href="#" class="grabber">&nbsp;</a> <a href="#" class="toggle">&nbsp;</a>
                <div class="toggle_container">
                    <div class="block">
                        <dx:ASPxListBox ID="lstHocSinhChonPhanLop" runat="server"
                            SelectionMode="CheckColumn" Width="100%" ClientInstanceName="lstHocSinhChonPhanLop"
                            Height="300px">
                            <ClientSideEvents SelectedIndexChanged="function(s, e) {
	UpdateButtonState();
}" />
                        </dx:ASPxListBox>
                    </div>
                </div>
            </div>
            <hr />
            <h2>
                Thông tin lớp được phân</h2>
            <hr />
            <label>
                Lớp học</label>
            <div class="input_group">
                <asp:DropDownList ID="ddlLopHoc2" title="Chọn lớp" runat="server">
                </asp:DropDownList>
            </div>
            <button id="btnLuu2" runat="server" onserverclick="Luu_PhanLopHocSinh2" class="button_colour round_all">
                <img height="24" width="24" alt="Lưu lại" src="images/icon_apply.png"><span>Lưu lại</span></button>
        </div>
        <div id="tabs-c" class="block tab_sider" style="min-height: 193px;">
            <label>
                Chọn file Excel cần Import danh sách học sinh:
            </label>
            <div class="input_group">
                <asp:FileUpload ID="fulFileForImport" runat="server" />
            </div>
            <label>
                Lớp học</label>
            <div class="input_group">
                <asp:DropDownList ID="ddlLopHoc3" title="Chọn lớp" runat="server">
                </asp:DropDownList>
            </div>
            <asp:GridView ID="gvTest" runat="server">
            </asp:GridView>
            <button id="btnTest" runat="server" onserverclick="Luu_PhanLopHocSinh3" class="button_colour round_all">
                <img height="24" width="24" alt="Lưu lại" src="images/icon_apply.png"><span>Lưu lại</span></button>
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content6" ContentPlaceHolderID="cphTemplateOption" runat="Server">
</asp:Content>
